<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车页</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/gouwuche.css">
    <link rel="stylesheet" href="../css/denglu.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/footer.css">
</head>

<body>
    <header>
        <main>
            <div class="div_top">
                <div class="logo">
                    <div class="lg1 ico">聚诚品</div>
                    <div class="lg2 ico">可以触摸的欢乐时光</div>
                </div>
                <div class="div_right">
                    <i class="iconfont">&#xe507;</i>
                    <input type="text" placeholder="请输入想要找的宝贝">
                    <ul>
                        <li>
                            <i class="iconfont">&#xe8c8;</i>
                            <a class="dlu" href="#">立即登录</a>
                        </li>
                        <div class="link-list">
                            <a href="javascript:;">
                                <i class="ico-comm i-order"></i>
                                <span class="rr">订单管理</span>
                            </a>
                            <a href="javascript:;">
                                <i class="ico-comm i-addr"></i>
                                <span class="rr">地址管理</span>
                            </a>
                            <a href="javascript:;">
                                <i class="ico-comm i-quan"></i>
                                <span class="rr">优惠卡券</span>
                            </a>
                            <a href="javascript:;">
                                <i class="ico-comm i-collect"></i>
                                <span class="rr">我的收藏</span>
                            </a>
                            <a href="javascript:;">
                                <i class="ico-comm i-subs"></i>
                                <span class="rr">订阅管理</span>
                            </a>
                            <a href="javascript:;">
                                <i class="ico-comm i-lqcen"></i>
                                <span class="rr">领取中心</span>
                            </a>
                            <a href="javascript:;" class="quit-link" title="退出登录">
                                <i class="ico-comm i-quit"></i>
                                <span class="rr tc">退出登录</span>
                            </a>
                        </div>
                        <li>
                            <i class="iconfont">&#xe60f;</i>
                            <a class="gwc" href="#">购物车</a>
                            <span class="tol">0</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="div2">
                <img class="img1" src="../images/close.jpg" alt="">
                <p>帐号密码登录</p>
                <p class="pt">推荐使用 <a class="aq" href="#">手机QQ扫码登录</a> ，防止盗号。</p>
                <form action="../php/denglu.php">
                    <span>昵称：</span>
                    <br>
                    <input type="text" name="nickname" placeholder="昵称">
                    <br>
                    <span>密码：</span>
                    <br>
                    <input type="password" name="password" placeholder="密码">
                    <br>
                    <button>登录</button>
                    <br>
                    <a href="../html/index.html"></a>
                </form>
                <div class="bottom">
                    <a href="#" class="link" target="_blank">忘了密码？</a>
                    <span class="dotted">|</span>
                    <a href="zhuce.html" class="link" target="_blank">注册新帐号</a>
                    <span class="dotted">|</span>
                    <a class="link" href="#" target="_blank">意见反馈</a>
                </div>
            </div>
            <h1></h1>
            <div class="div_bottom">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="list.html">限时折扣</a></li>
                    <li><a href="list.html">聚豆抵扣</a></li>
                    <li><a href="list.html">定制专区</a></li>
                    <li><a href="list.html">聚发现</a></li>
                </ul>
                <span class="fenlei">全部商品分类</span>
                <i class="iconfont">&#xe60d;</i>
            </div>
            <div class="top-submenu" style="display: none;">
                <div class="mid clearfix">
                    <ul class="submenu-ul">
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175902_45069.png" alt="图标">
                                <p>服饰鞋帽</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="#">卫衣/外套</a></li>
                                <li><a href="#">T恤</a></li>
                                <li><a href="#">袜子</a></li>
                                <li><a href="#">裤子</a></li>
                                <li><a href="#">鞋子</a></li>
                                <li><a href="#">帽子</a></li>
                                <li><a href="#">服饰配件</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175852_81240.png" alt="图标">
                                <p>玩具毛绒</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">公仔</a></li>
                                <li><a href="">抱枕</a></li>
                                <li><a href="">手办</a></li>
                                <li><a href="">雕塑</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175844_41996.png" alt="图标">
                                <p>数码配件</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">手机壳</a></li>
                                <li><a href="">充电宝</a></li>
                                <li><a href="">鼠标垫/鼠标</a></li>
                                <li><a href="">U盘</a></li>
                                <li><a href="">数据线</a></li>
                                <li><a href="">打火机</a></li>
                                <li><a href="">无线充电器</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175825_51608.png" alt="图标">
                                <p>生活用品</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">杯子</a></li>
                                <li><a href="">钥匙扣</a></li>
                                <li><a href="">伞</a></li>
                                <li><a href="">眼罩/耳罩</a></li>
                                <li><a href="">美妆个护</a></li>
                                <li><a href="">其它</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175757_92212.png" alt="图标">
                                <p>箱包收纳</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">双肩包</a></li>
                                <li><a href="">单肩包</a></li>
                                <li><a href="">收纳包</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175748_45464.png" alt="图标">
                                <p>首饰配饰</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">手链</a></li>
                                <li><a href="">项链</a></li>
                                <li><a href="">挂件</a></li>
                                <li><a href="">戒指</a></li>
                                <li><a href="">其它</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175738_59817.png" alt="图标">
                                <p>文具图书</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">笔记本</a></li>
                                <li><a href="">胶带/贴纸</a></li>
                                <li><a href="">文件夹</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175600_37464.png" alt="图标">
                                <p>休闲零食</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">糖/巧克力</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175445_45354.png" alt="图标">
                                <p>海报艺术</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">画册</a></li>
                                <li><a href="">海报</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175314_71961.png" alt="图标">
                                <p>其它</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">纪念币</a></li>
                                <li><a href="">礼盒</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </main>
    </header>

    <section>
        <main>
            <div id="gouwuche">
                <div class="header">
                    <ul>
                        <li>商品信息</li>
                        <li>单价(元)</li>
                        <li>数量</li>
                        <li>金额(元)</li>
                        <li>操作</li>
                    </ul>
                </div>
                <div class="my-shop">
                    <input class="qx" type="checkbox" name="quanxuan">
                    <p class="my-shop-t">英雄联盟供应商：聚诚品英雄联盟周边商城</p>
                </div>
                <div class="content">
                    <p class="go">购物车空空如也，赶紧选购我们的商品吧！<a class="a1" href="../html/list.html">【去逛逛】</a></p>
                    <!-- <ul>
                        <li>
                            <input type="checkbox" name="xuanzk">
                        </li>
                        <li>
                            <img class="shopImg" src="../images/f51.jpg" alt="">
                        </li>
                        <li>
                            <p class="jj">洛与霞情侣手链套装（经典款）</p>
                        </li>
                        <li>
                            <p>颜色：彩色</p>
                            <p>款式：常规</p>
                        </li>
                        <li class="jg"><span>520.00</span>元</li>
                        <li>
                            <span class="num-btn">-</span>
                            <input type="text" class="num-inpt" value="1" stock_num="5">
                            <span class="num-btn">+</span>
                        </li>
                        <li class="jg"><span>520.00</span>元</li>
                        <li>
                            <h2>删除</h2>
                            <h2>移入收藏夹</h2>
                        </li>
                    </ul> -->
                </div>
                <div class="footer">
                    <div class="zj">
                        <ul>
                            <li>已选商品<span>0</span>件</li>
                            <li>总价：<span>0.00</span>元</li>
                        </ul>
                        <p>不含运费和其他优惠</p>
                    </div>
                    <a class="qjs">去结算</a>
                </div>
            </div>
            <h2 class="myrecomm-tit">为你推荐</h2>
            <div class="div_bottom">
                <ul class="ul_s">
                    <li id="64">
                        <a href="xiangqing.html">
                            <img src="../images/f41.jpg" alt="">
                            <div>
                                <p>CF穿越火线T恤</p>
                                <p class="p1"><span>68</span>元</p>
                            </div>
                        </a>
                    </li>
                    <li id="5">
                        <a href="xiangqing.html">
                            <img src="../images/l1.jpg" alt="">
                            <div>
                                <p>天籁弦音蔡文姬暖手宝</p>
                                <p class="p1"><span>220</span>元</p>
                            </div>
                        </a>
                    </li>
                    <li id="1">
                        <a href="xiangqing.html">
                            <img src="../images/l2.jpg" alt="">
                            <div>
                                <p>一生所爱露娜Q版手办</p>
                                <p class="p1"><span>368</span>元</p>
                            </div>
                        </a>
                    </li>
                    <li id="2">
                        <a href="xiangqing.html">
                            <img src="../images/l3.jpg" alt="">
                            <div>
                                <p>小小宇航员鲁班七号充电宝</p>
                                <p class="p1"><span>108</span>元</p>
                            </div>
                        </a>
                    </li>
                    <li id="7">
                        <a href="xiangqing.html">
                            <img src="../images/l4.jpg" alt="">
                            <div>
                                <p>仲夏夜之梦貂蝉Q版手办</p>
                                <p class="p1"><span>208</span>元</p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </main>
    </section>
    <footer>
        <main>
            <div class="div_top">
                <div class="div_in">
                    <a href="">
                        <img src="../images/djc_logo.png" alt="">
                    </a>
                </div>
                <ul class="ul1">
                    <li><a href=""><span class="iconfont icon-qianbao"></span>购物指南</a></li>
                    <li><a href=""><span class="iconfont icon-peisong2"></span>配送方式</a></li>
                    <li><a href=""><span class="iconfont icon-tubiao1shuxiaoshuo"></span>常见操作</a></li>
                    <li><a href=""><span class="iconfont icon-05"></span>售后服务</a></li>
                    <li><a href=""><span class="iconfont icon-duihuakuang1"></span>关于我们</a></li>
                </ul>
                <ul class="ul2">
                    <li>
                        <img src="../images/jcp_gzh.jpg" alt="">
                        <p>聚诚品公众号</p>
                    </li>
                    <li>
                        <img src="../images/djc_gzh.jpg" alt="">
                        <p>道聚城公众号</p>
                    </li>
                    <li class="last_li">
                        <img src="../images/djc_app.png" alt="">
                        <p>掌上道聚城</p>
                    </li>
                </ul>
            </div>
            <div class="div_center">
                <p>
                    <a href="">腾讯互动娱乐</a> |
                    <a href="">服务条款</a> |
                    <a href="">腾讯游戏隐私保护指引</a> |
                    <a href="">腾讯游戏儿童隐私保护指引</a> |
                    <a href="">广告服务</a> |
                    <a href="">腾讯游戏招聘</a> |
                    <a href="">腾讯游戏客服</a> |
                    <a href="">游戏地图</a> |
                    <a href="">成长守护平台</a> |
                    <a href="">商务合作</a> |
                    <a href="">网站导航</a>
                </p>
                <p>COPYRIGHT © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.</p>
                <p><a href="">腾讯公司 版权所有</a></p>
            </div>
            <div class="div_bottom">
                <a href=""><img src="../images/gswj.png" alt="">工商网监电子标识
                </a>
            </div>
        </main>
    </footer>
    <script src="../js/jquery-1.11.3.js"></script>
    <script src="../js/index.js"></script>
    <script src="../js/denglu.js"></script>
    <script src="../js/gouwuche.js"></script>
</body>

</html>